﻿<html>
<head>
<style>
*{margin:0; padding:0}
.question{border:3px #EEE solid;border-radius:8px; padding:10px;}
.q-item{color:#36A120; font-weight:bold; padding:5px 0; width:100%; background:#FCFCF2;}
.a-item{width:260px; float:left;padding-bottom:5px}
.ans{padding-left:5px;}
.ans input{font-size:16px; width:80%}
</style>
<script type="text/javascript" src="tinymce/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
    mode : "textareas",
    theme : "advanced",
    theme_advanced_buttons1 : "mybutton,bold,italic,underline,separator,strikethrough,forecolor,backcolor,cleanup,code,fullscreen",
    theme_advanced_buttons2 : "",
    theme_advanced_buttons3 : "",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_path : false,
    content_css : "tinymce/mycontent.css",

    plugins : 'inlinepopups,fullscreen',
    setup : function(ed) {
        // Add a custom button
        ed.addButton('mybutton', {
            title : 'mybutton',
            image : 'img/example.gif',
            onclick : function() {
                ed.focus();
                ed.selection.setContent('<span style="color:red;text-decoration:underline">' + ed.selection.getContent() + '</span>');
            }
        });
    }
});
</script>
</head>

<body>
<div style="width:600px; text-align:center">
	Chọn thể loại: 
	<select>
		<option value="">Xac dinh tu loai</option>
		<option value="">Xac dinh tu loai</option>
		<option value="">Xac dinh tu loai</option>
		<option value="">Xac dinh tu loai</option>
	</select>
	<br /><br />
	<div class="question">
		<p class="q-item"><textarea style="width:100%"> 我们马上开始这项工作</textarea></p>
		<p class="a-item"><input type="radio" name="ques-1"/><span class="ans"><input type="text" value="名词" /></span></p>
		<p class="a-item"><input type="radio" name="ques-1"/><span class="ans"><input type="text" value="介词" /></span></p>
		<p class="a-item"><input type="radio" name="ques-1"/><span class="ans"><input type="text" value="动词" /></span></p>
		<p class="a-item"><input type="radio" name="ques-1"/><span class="ans"><input type="text" value="形容词" /></span></p>
		<br style="clear:both" />
	</div>
	<input type="button" value="save" style="margin-top:40px;padding:3px; font-size:18px" />
</div>
</body>
</html>